PhpDebugBar.Widget.extend.handleFind - Code Metrics - dimaxz/frameworkless - Measure and Improve Code Quality continuously with Scrutinizer

PhpDebugBar.Widget.extend.handleFind A
last analyzed 2016-11-21 20:16 UTC

↳ Parent: public/assets/debug_bar/openhandler.js

Complexity

Conditions	2
Paths	2

Size

Total Lines

Duplication

Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
c	0
b	0
f	0
dl	0
loc	59
rs	9.597
cc	2
nc	2
nop	1

How to fix Long Method

if (typeof(PhpDebugBar) == 'undefined') {

    // namespace
    var PhpDebugBar = {};
    PhpDebugBar.$ = jQuery;
}

(function($) {

    var csscls = function(cls) {
        return PhpDebugBar.utils.csscls(cls, 'phpdebugbar-openhandler-');

    };

    PhpDebugBar.OpenHandler = PhpDebugBar.Widget.extend({

        className: 'phpdebugbar-openhandler',

        defaults: {
            items_per_page: 20
        },

        render: function() {
            var self = this;

            this.$el.appendTo('body').hide();
            this.$closebtn = $('<a><i class="phpdebugbar-fa phpdebugbar-fa-times"></i></a>');
            this.$table = $('<tbody />');
            $('<div>PHP DebugBar | Open</div>').addClass(csscls('header')).append(this.$closebtn).appendTo(this.$el);
            $('<table><thead><tr><th width="150">Date</th><th width="55">Method</th><th>URL</th><th width="125">IP</th><th width="100">Filter data</th></tr></thead></table>').append(this.$table).appendTo(this.$el);
            this.$actions = $('<div />').addClass(csscls('actions')).appendTo(this.$el);

            this.$closebtn.on('click', function() {
                self.hide();
            });

            this.$loadmorebtn = $('<a>Load more</a>')
                .appendTo(this.$actions)
                .on('click', function() {
                    self.find(self.last_find_request, self.last_find_request.offset + self.get('items_per_page'), self.handleFind.bind(self));
                });

            this.$showonlycurrentbtn = $('<a>Show only current URL</a>')
                .appendTo(this.$actions)
                .on('click', function() {
                    self.$table.empty();
                    self.find({uri: window.location.pathname}, 0, self.handleFind.bind(self));
                });

            this.$showallbtn = $('<a>Show all</a>')
                .appendTo(this.$actions)
                .on('click', function() {
                    self.refresh();
                });

            this.$clearbtn = $('<a>Delete all</a>')
                .appendTo(this.$actions)
                .on('click', function() {
                    self.clear(function() {
                        self.hide();
                    });
                });
                
            this.addSearch();

            this.$overlay = $('<div />').addClass(csscls('overlay')).hide().appendTo('body');
            this.$overlay.on('click', function() {
                self.hide();
            });
        },

        refresh: function() {
            this.$table.empty();
            this.$loadmorebtn.show();
            this.find({}, 0, this.handleFind.bind(this));
        },
        
        addSearch: function(){
            var self = this;
            var searchBtn = $('<button />')
                .text('Search')
                .attr('type', 'submit')
                .on('click', function(e) {
                    self.$table.empty();
                    var search = {};
                    var a = $(this).parent().serializeArray();
                    $.each(a, function() {
                        if(this.value){
                            search[this.name] = this.value;
                        }
                    });

                    self.find(search, 0, self.handleFind.bind(self));
                    e.preventDefault();
                });

            $('<form />')
                .append('<br/><b>Filter results</b><br/>')
                .append('Method: <select name="method"><option></option><option>GET</option><option>POST</option><option>PUT</option><option>DELETE</option></select><br/>')
                .append('Uri: <input type="text" name="uri"><br/>')
                .append('IP: <input type="text" name="ip"><br/>')
                .append(searchBtn)
                .appendTo(this.$actions);
        },

        handleFind: function(data) {
            var self = this;
            $.each(data, function(i, meta) {
               var a = $('<a />')

                    .text('Load dataset')
                    .on('click', function(e) {
                       self.hide();
                       self.load(meta['id'], function(data) {
                           self.callback(meta['id'], data);
                       });
                       e.preventDefault();
                    });
                    
                var method = $('<a />')
                    .text(meta['method'])
                    .on('click', function(e) {
                        self.$table.empty();
                        self.find({method: meta['method']}, 0, self.handleFind.bind(self));
                        e.preventDefault();
                    });

                var uri = $('<a />')
                    .text(meta['uri'])
                    .on('click', function(e) {
                        self.hide();
                        self.load(meta['id'], function(data) {
                            self.callback(meta['id'], data);
                        });
                        e.preventDefault();
                    });

                var ip = $('<a />')
                    .text(meta['ip'])
                    .on('click', function(e) {
                        self.$table.empty();
                        self.find({ip: meta['ip']}, 0, self.handleFind.bind(self));
                        e.preventDefault();
                    });

                var search = $('<a />')
                    .text('Show URL')
                    .on('click', function(e) {
                        self.$table.empty();
                        self.find({uri: meta['uri']}, 0, self.handleFind.bind(self));
                        e.preventDefault();
                    });
                    
                $('<tr />')
                    .append('<td>' + meta['datetime'] + '</td>')
                    .append('<td>' + meta['method'] + '</td>')
                    .append($('<td />').append(uri))
                    .append($('<td />').append(ip))
                    .append($('<td />').append(search))
                    .appendTo(self.$table);
            });
            if (data.length < this.get('items_per_page')) {
                this.$loadmorebtn.hide();
            }
        },

        show: function(callback) {
            this.callback = callback;
            this.$el.show();
            this.$overlay.show();
            this.refresh();
        },

        hide: function() {
            this.$el.hide();
            this.$overlay.hide();
        },

        find: function(filters, offset, callback) {
            var data = $.extend({}, filters, {max: this.get('items_per_page'), offset: offset || 0});
            this.last_find_request = data;
            this.ajax(data, callback);
        },

        load: function(id, callback) {
            this.ajax({op: "get", id: id}, callback);
        },

        clear: function(callback) {
            this.ajax({op: "clear"}, callback);
        },

        ajax: function(data, callback) {
            $.ajax({
                dataType: 'json',
                url: this.get('url'),
                data: data,
                success: callback,
                ignoreDebugBarAjaxHandler: true
            });
        }

    });

})(PhpDebugBar.$);



1			if (typeof(PhpDebugBar) == 'undefined') {
			0 ignored issues – show Bug introduced 2016-10-11 12:00 UTC by Report Bug Copy Issue Report The variable `PhpDebugBar` seems to be never initialized. Loading history...
2			// namespace
3			var PhpDebugBar = {};
4			PhpDebugBar.$ = jQuery;
5			}
6
7			(function($) {
8
9			var csscls = function(cls) {
10			return PhpDebugBar.utils.csscls(cls, 'phpdebugbar-openhandler-');
			0 ignored issues – show Bug introduced 2016-10-11 12:00 UTC by Report Bug Copy Issue Report The variable `PhpDebugBar` does not seem to be initialized in case `typeof PhpDebugBar == "undefined"` on line `1` is `false`. Are you sure this can never be the case? Loading history...
11			};
12
13			PhpDebugBar.OpenHandler = PhpDebugBar.Widget.extend({
14
15			className: 'phpdebugbar-openhandler',
16
17			defaults: {
18			items_per_page: 20
19			},
20
21			render: function() {
22			var self = this;
23
24			this.$el.appendTo('body').hide();
25			this.$closebtn = $('<a><i class="phpdebugbar-fa phpdebugbar-fa-times"></i></a>');
26			this.$table = $('<tbody />');
27			$('<div>PHP DebugBar \| Open</div>').addClass(csscls('header')).append(this.$closebtn).appendTo(this.$el);
28			$('<table><thead><tr><th width="150">Date</th><th width="55">Method</th><th>URL</th><th width="125">IP</th><th width="100">Filter data</th></tr></thead></table>').append(this.$table).appendTo(this.$el);
29			this.$actions = $('<div />').addClass(csscls('actions')).appendTo(this.$el);
30
31			this.$closebtn.on('click', function() {
32			self.hide();
33			});
34
35			this.$loadmorebtn = $('<a>Load more</a>')
36			.appendTo(this.$actions)
37			.on('click', function() {
38			self.find(self.last_find_request, self.last_find_request.offset + self.get('items_per_page'), self.handleFind.bind(self));
39			});
40
41			this.$showonlycurrentbtn = $('<a>Show only current URL</a>')
42			.appendTo(this.$actions)
43			.on('click', function() {
44			self.$table.empty();
45			self.find({uri: window.location.pathname}, 0, self.handleFind.bind(self));
46			});
47
48			this.$showallbtn = $('<a>Show all</a>')
49			.appendTo(this.$actions)
50			.on('click', function() {
51			self.refresh();
52			});
53
54			this.$clearbtn = $('<a>Delete all</a>')
55			.appendTo(this.$actions)
56			.on('click', function() {
57			self.clear(function() {
58			self.hide();
59			});
60			});
61
62			this.addSearch();
63
64			this.$overlay = $('<div />').addClass(csscls('overlay')).hide().appendTo('body');
65			this.$overlay.on('click', function() {
66			self.hide();
67			});
68			},
69
70			refresh: function() {
71			this.$table.empty();
72			this.$loadmorebtn.show();
73			this.find({}, 0, this.handleFind.bind(this));
74			},
75
76			addSearch: function(){
77			var self = this;
78			var searchBtn = $('<button />')
79			.text('Search')
80			.attr('type', 'submit')
81			.on('click', function(e) {
82			self.$table.empty();
83			var search = {};
84			var a = $(this).parent().serializeArray();
85			$.each(a, function() {
86			if(this.value){
87			search[this.name] = this.value;
88			}
89			});
90
91			self.find(search, 0, self.handleFind.bind(self));
92			e.preventDefault();
93			});
94
95			$('<form />')
96			.append('<br/><b>Filter results</b><br/>')
97			.append('Method: <select name="method"><option></option><option>GET</option><option>POST</option><option>PUT</option><option>DELETE</option></select><br/>')
98			.append('Uri: <input type="text" name="uri"><br/>')
99			.append('IP: <input type="text" name="ip"><br/>')
100			.append(searchBtn)
101			.appendTo(this.$actions);
102			},
103
104			handleFind: function(data) {
105			var self = this;
106			$.each(data, function(i, meta) {
107			var a = $('<a />')
			0 ignored issues – show Unused Code introduced 2016-10-11 12:00 UTC by Report Bug Copy Issue Report The variable `a` seems to be never used. Consider removing it. Loading history...
108			.text('Load dataset')
109			.on('click', function(e) {
110			self.hide();
111			self.load(meta['id'], function(data) {
112			self.callback(meta['id'], data);
113			});
114			e.preventDefault();
115			});
116
117			var method = $('<a />')
118			.text(meta['method'])
119			.on('click', function(e) {
120			self.$table.empty();
121			self.find({method: meta['method']}, 0, self.handleFind.bind(self));
122			e.preventDefault();
123			});
124
125			var uri = $('<a />')
126			.text(meta['uri'])
127			.on('click', function(e) {
128			self.hide();
129			self.load(meta['id'], function(data) {
130			self.callback(meta['id'], data);
131			});
132			e.preventDefault();
133			});
134
135			var ip = $('<a />')
136			.text(meta['ip'])
137			.on('click', function(e) {
138			self.$table.empty();
139			self.find({ip: meta['ip']}, 0, self.handleFind.bind(self));
140			e.preventDefault();
141			});
142
143			var search = $('<a />')
144			.text('Show URL')
145			.on('click', function(e) {
146			self.$table.empty();
147			self.find({uri: meta['uri']}, 0, self.handleFind.bind(self));
148			e.preventDefault();
149			});
150
151			$('<tr />')
152			.append('<td>' + meta['datetime'] + '</td>')
153			.append('<td>' + meta['method'] + '</td>')
154			.append($('<td />').append(uri))
155			.append($('<td />').append(ip))
156			.append($('<td />').append(search))
157			.appendTo(self.$table);
158			});
159			if (data.length < this.get('items_per_page')) {
160			this.$loadmorebtn.hide();
161			}
162			},
163
164			show: function(callback) {
165			this.callback = callback;
166			this.$el.show();
167			this.$overlay.show();
168			this.refresh();
169			},
170
171			hide: function() {
172			this.$el.hide();
173			this.$overlay.hide();
174			},
175
176			find: function(filters, offset, callback) {
177			var data = $.extend({}, filters, {max: this.get('items_per_page'), offset: offset \|\| 0});
178			this.last_find_request = data;
179			this.ajax(data, callback);
180			},
181
182			load: function(id, callback) {
183			this.ajax({op: "get", id: id}, callback);
184			},
185
186			clear: function(callback) {
187			this.ajax({op: "clear"}, callback);
188			},
189
190			ajax: function(data, callback) {
191			$.ajax({
192			dataType: 'json',
193			url: this.get('url'),
194			data: data,
195			success: callback,
196			ignoreDebugBarAjaxHandler: true
197			});
198			}
199
200			});
201
202			})(PhpDebugBar.$);
			0 ignored issues – show Bug introduced 2016-10-11 12:00 UTC by Report Bug Copy Issue Report The variable `PhpDebugBar` does not seem to be initialized in case `typeof PhpDebugBar == "undefined"` on line `1` is `false`. Are you sure this can never be the case? Loading history...
203

dimaxz / frameworkless

PhpDebugBar.Widget.extend.handleFind A last analyzed 2016-11-21 20:16 UTC

Complexity

Size

Duplication

Importance

How to fix Long Method

Long Method

Duplication Side-by-Side

Filter issues like

PhpDebugBar.Widget.extend.handleFind A
last analyzed 2016-11-21 20:16 UTC